﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
	x:Class="MyUtility.FanPage"
	FontFamily="{StaticResource PhoneFontFamilyNormal}"
	FontSize="{StaticResource PhoneFontSizeNormal}"
	Foreground="{StaticResource PhoneForegroundBrush}"
	Orientation="Portrait"
	shell:SystemTray.IsVisible="True">
	<phone:PhoneApplicationPage.Resources>
		<Storyboard x:Name="FanStoryboard" RepeatBehavior="Forever">
			<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="canvas">
				<EasingDoubleKeyFrame KeyTime="0:0:1" Value="30"/>
				<EasingDoubleKeyFrame KeyTime="0:0:2" Value="80"/>
				<EasingDoubleKeyFrame KeyTime="0:0:3" Value="150"/>
				<EasingDoubleKeyFrame KeyTime="0:0:4" Value="250"/>
				<EasingDoubleKeyFrame KeyTime="0:0:5" Value="360"/>
				<EasingDoubleKeyFrame KeyTime="0:0:6" Value="720"/>
				<EasingDoubleKeyFrame KeyTime="0:0:7" Value="1080"/>
				<EasingDoubleKeyFrame KeyTime="0:0:8" Value="2160"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</phone:PhoneApplicationPage.Resources>
	<Canvas>
		<Button Content="Open" Height="165" Canvas.Left="77" Canvas.Top="556" Width="312" Click="Button_Click" Style="{StaticResource MyButtonStyle02}"/>
		<Canvas x:Name="canvas" Height="374" Canvas.Left="125" Canvas.Top="149" Width="230" RenderTransformOrigin="0.5,0.5">
			<Canvas.RenderTransform>
				<CompositeTransform/>
			</Canvas.RenderTransform>
			<Ellipse Height="190" Canvas.Left="98" Stroke="Black" Width="36">
				<Ellipse.Fill>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFFF03FA" Offset="0"/>
						<GradientStop Color="#FF91DF2A" Offset="1"/>
						<GradientStop Color="#FFCDFF89" Offset="0.224"/>
						<GradientStop Color="#FF466B14" Offset="0.485"/>
						<GradientStop Color="#FFE7006C" Offset="0.847"/>
					</LinearGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="190" Canvas.Left="98" Stroke="Black" Canvas.Top="184" Width="36">
				<Ellipse.Fill>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFFF03FA" Offset="0"/>
						<GradientStop Color="#FF91DF2A" Offset="1"/>
						<GradientStop Color="#FFCDFF89" Offset="0.224"/>
						<GradientStop Color="#FF466B14" Offset="0.485"/>
						<GradientStop Color="#FFE7006C" Offset="0.847"/>
					</LinearGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="190" Canvas.Left="193.751" Stroke="Black" Canvas.Top="92.255" Width="36" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
				<Ellipse.RenderTransform>
					<CompositeTransform Rotation="90"/>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFFF03FA" Offset="0"/>
						<GradientStop Color="#FF91DF2A" Offset="1"/>
						<GradientStop Color="#FFCDFF89" Offset="0.224"/>
						<GradientStop Color="#FF466B14" Offset="0.485"/>
						<GradientStop Color="#FFE7006C" Offset="0.847"/>
					</LinearGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
			<Ellipse Height="190" Stroke="Black" Canvas.Top="92.255" Width="36" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
				<Ellipse.RenderTransform>
					<CompositeTransform Rotation="90"/>
				</Ellipse.RenderTransform>
				<Ellipse.Fill>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFFF03FA" Offset="0"/>
						<GradientStop Color="#FF91DF2A" Offset="1"/>
						<GradientStop Color="#FFCDFF89" Offset="0.224"/>
						<GradientStop Color="#FF466B14" Offset="0.485"/>
						<GradientStop Color="#FFE7006C" Offset="0.847"/>
					</LinearGradientBrush>
				</Ellipse.Fill>
			</Ellipse>
		</Canvas>
	</Canvas>

	
</phone:PhoneApplicationPage>